import { MapToken } from 'ant-design-vue/es/theme/interface';
import { ThemeEnum } from '../enums/appEnum';

import { SeedToken } from 'ant-design-vue/es/theme/internal';

export const prefixCls = 'gll';

export const multipleTabHeight = 30;

//主题模式（dark/light）
export const darkMode = ThemeEnum.LIGHT;

// 页脚固定高度
export const footerHeight = 75;

// .@{namespace}-layout-multiple-header__placeholder
// 全屏页头动画时长
export const layoutMultipleHeadePlaceholderTime = 0.6;

// app theme preset color
export const APP_PRESET_COLOR_LIST: string[] = [
  '#019af7',
  '#6366f1',
  '#a855f7',
  '#84cc16',
  '#f43f5e',
  '#eab308',
  '#f97316',
  '#0096c7',
  '#14b8a6',
  '#4e3cb9',
];

export const DARK_THEME_COLOR: string[] = ['#171717', '#232d45'];

export const ThemeToken: Partial<SeedToken> = {
  //默认主题色
  colorPrimary: '#019af7',
  // [darkMode === ThemeEnum.DARK ? 'colorBgBase' : '']: DARK_THEME_COLOR[0],
};

// header preset color
export const HEADER_PRESET_BG_COLOR_LIST: string[] = [
  '#ffffff',
  '#151515',
  '#009688',
  '#5172DC',
  '#018ffb',
  '#409eff',
  '#e74c3c',
  '#24292e',
  '#394664',
  '#001529',
  '#383f45',
];

// sider preset color
export const SIDE_BAR_BG_COLOR_LIST: string[] = [
  '#001529',
  '#212121',
  '#273352',
  '#ffffff',
  '#191b24',
  '#1b253b',
  '#064e3b',
  '#001628',
  '#28333E',
  '#344058',
  '#383f45',
];

//需要公开出来使用的样式值，用于自定义样式和andt同步变更
//注意： 空值表示：仅公开变量，颜色由antd提供，因为可能对深色主题会有影响，所以尽量不需要修改空值属性
export const exportDefaultCssVars: Partial<MapToken> = {
  // Color
  colorPrimary: '#1677ff',
  colorSuccess: '#52c41a',
  colorWarning: '#faad14',
  colorError: '#ff4d4f',
  colorInfo: '#1677ff',
  colorTextBase: '',
  colorBgBase: '#fff',
  colorWhite: '#fff',
  colorTextSecondary: '',
  colorBgContainer: '',
  colorBgLayout: '',
  colorTextTertiary: 'rgba(0, 0, 0, 0.45)',
  colorBorder: '#d9d9d9',
  colorBorderSecondary: '#f0f0f0',

  // Font
  //   fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
  // 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
  // 'Noto Color Emoji'`,
  // fontSize: 14,

  // Line
  // lineWidth: 1,
  // lineType: 'solid',

  // Radius
  borderRadius: 2,

  // // Size
  // sizeUnit: 4,
  // sizeStep: 4,
  // sizePopupArrow: 16,

  // Control Base
  // controlHeight: 32,

  // zIndex
  // zIndexBase: 0,
  // zIndexPopupBase: 1000,

  // Image
  // opacityImage: 1,
  // Wireframe
  // wireframe: false,
};

/**
 * 深色主题的颜色
 */
export const exportDarkCssVars: Partial<MapToken> = {
  colorBgBase: '#171717',
  colorBgMask: 'rgba(23,23,23,0.8)',
};
